<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<!--
	$Date: 2007-09-26 04:08:16 +0000 (Wed, 26 Sep 2007) $
	$Rev: 58 $
	$Author: mikeamundsen $
-->
<head>
	<link href="http://mikeamundsen.googlecode.com/svn/trunk/scripts/styleswitcher/main.css" rel="stylesheet" type="text/css" title="default" media="screen" />
	<link href="http://mikeamundsen.googlecode.com/svn/trunk/scripts/styleswitcher/main2.css" rel="stylesheet" type="text/css" title="default" media="screen" />
	<link href="http://mikeamundsen.googlecode.com/svn/trunk/scripts/styleswitcher/alt1.css" rel="alternate stylesheet" type="text/css" title="alt1" media="screen" />
	<link href="http://mikeamundsen.googlecode.com/svn/trunk/scripts/styleswitcher/alt2.css" rel="alternate stylesheet" type="text/css" title="alt2" media="screen" />
</head>
<body>
<h1>style switcher</h1>
<p>
	<select id="styles" onchange="ss.selectStyle(this.value);">
		<option value="default">Default</option>
		<option value="alt1">Alternate1</option>
		<option value="alt2">Alternate2</option>
	</select>
	<input type="button" value="Remember" onclick="ss.saveStyle();" />
	<input type="button" value="Clear" onclick="clearSelection();" />
</p>
<div class="styleblock">
<h3>12 Angry Men</h3>
<img src="image.jpg" />
<p>
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
</p>
</div>
<div class="styleblock">
<h3>12 Angry Men</h3>
<img src="image.jpg" />
<p>
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
</p>
</div>
<div class="styleblock">
<h3>12 Angry Men</h3>
<img src="image.jpg" />
<p>
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
</p>
</div>
<div class="styleblock">
<h3>12 Angry Men</h3>
<img src="image.jpg" />
<p>
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
</p>
</div>
<div class="styleblock">
<h3>12 Angry Men</h3>
<img src="image.jpg" />
<p>
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
</p>
</div>
<div class="styleblock">
<h3>12 Angry Men</h3>
<img src="image.jpg" />
<p>
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
</p>
</div>
<div class="styleblock">
<h3>12 Angry Men</h3>
<img src="image.jpg" />
<p>
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
some text goes here.
</p>
</div>
</body>

<script type="text/javascript" src="http://mikeamundsen.googlecode.com/svn/trunk/scripts/styleswitcher/style-switcher-p.js"></script>
<script type="text/javascript">
	
	// clear select control
	function clearSelection()
	{
		ss.forgetStyle();
		
		var elm = document.getElementById('styles');
		if(elm)
		{
			cstyle = ss.getCurrentStyle();
			if(cstyle && cstyle!=='undefined' && cstyle!=='')
			{
				elm.value = cstyle;
			}
			else
			{
				elm.value = 'main';
			}
		}
	}	
	
	// execute when the page loads
	window.onload = function()
	{
		var elm,cstyle;
		
		ss.recallStyle();

		elm = document.getElementById('styles');
		if(elm)
		{
			cstyle = ss.getCurrentStyle();
			if(cstyle && cstyle!=='undefined' && cstyle!=='')
			{
				elm.value = cstyle;
			}
			else
			{
				elm.value = ss.defaultStyle;
			}
		}
	};
</script>